<?php
session_start();
if (!isset($_SESSION['username'])) {
    header('Location: /login.php'); 
    exit();
}
?>

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>ESHOP | Профиль пользователя</title>
    <link rel="icon" type="image/png" sizes="32x32" href="/images/other/r-favicon-32x32.png">
    <link rel="stylesheet" href="/css/profile_style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <script type="text/javascript">
        var username = <?php echo json_encode($_SESSION['username']); ?>;
    </script>
</head>
<body>
    <div class="profile-container">
        <header class="profile-header">
            <h1>Профиль пользователя</h1>
        </header>
        <div class="profile-info">
            <div class="profile-photo">
                <img src="/images/users/default.png" alt="Аватар пользователя">
            </div>
            <div class="profile-details">
                <p><strong>Имя пользователя:</strong> <span id="username"><?php echo htmlspecialchars($_SESSION['username']); ?></span></p>
                <p><strong>Email:</strong> <span id="email"><?php echo htmlspecialchars($_SESSION['email'] ?? ''); ?></span></p>
                <p><strong>Телефон:</strong> <span id="phone"><?php echo htmlspecialchars($_SESSION['phone'] ?? ''); ?></span></p>
            </div>
        </div>
        <button class="edit-profile-btn">Редактировать профиль</button>
        <button class="logout-btn" onclick="window.location.href='/logout.php';">Выйти</button>
        <div class="list-container">
            <h2>Адреса доставки</h2>
            <table id="addressTable">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Адрес</th>
                        <th>Действия</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
            <div style="text-align: center;">
                <i class="fas fa-plus-circle" onclick="openAddAddressModal();"></i>
            </div>
        </div>

        <div class="list-container">
            <h2>Заказы</h2>
            <table id="orderTable">
                <thead>
                    <tr>
                        <th>№ заказа</th>
                        <th>Дата заказа</th>
                        <th>Статус</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
        <!-- Модальное окно для редактирования профиля пользователя -->
        <div id="editProfileModal" class="modal" style="display:none;">
            <div class="modal-content">
                <span class="close-button" onclick="closeUserModal()">&times;</span>
                <h2 id="modalUserTitle">Редактировать профиль</h2>
                <form id="editProfileForm">
                    <label for="username">Имя пользователя:</label>
                    <input type="text" id="editUsername" name="username" required><br><br>
                    <label for="email">Email:</label>
                    <input type="email" id="editEmail" name="email" required><br><br>
                    <label for="phone">Телефон:</label>
                    <input type="text" id="editPhone" name="phone"><br><br>
                    <label for="avatar_file" class="file-label">
                        <i class="fas fa-upload"></i> Выбрать файл
                        <input type="file" id="avatar_file" name="avatar_file" accept="image/*" style="display: none;">
                    </label>
                    <span id="file-chosen">Нет файла</span><br><br>
                    <button type="submit">Сохранить изменения</button>
                </form>
            </div>
        </div>
        <!-- Модальное окно для редактирования адреса пользователя -->
        <div id="addressModal" class="modal" style="display:none;">
            <div class="modal-content">
                <span class="close-button" onclick="closeAddressModal()">&times;</span>
                <h2 id="modalAddressTitle">Добавить адрес</h2>
                <form id="addressForm">
                    <input type="hidden" id="addressId" name="addressId">
                    <label for="address">Адрес:</label>
                    <input type="text" id="addressInput" name="address" required><br><br>
                    <button type="submit">Сохранить</button>
                </form>
            </div>
        </div>
        <div id="orderDetailsModal" class="modal modal-large" style="display:none;">
            <div class="modal-content">
                <span class="close-button" onclick="closeOrderModal()">&times;</span>
                <h2>Детали заказа № <span id="detailOrderId"></span></h2>
                <div id="orderInfo">
                    <p><strong>Дата заказа:</strong> <span id="detailOrderDate"></span></p>
                    <p><strong>Статус:</strong> <span id="detailOrderStatus"></span></p>
                    <p><strong>Общая сумма заказа:</strong> <span id="detailOrderTotalPrice"></span> руб.</p>
                    <p><strong>Адрес доставки:</strong> <span id="detailOrderAddress"></span></p>
                </div>
                <h3>Состав заказа</h3>
                <ul id="orderItemsList">
                </ul>
            </div>
        </div>
    </div>
    <script src="/scripts/profile_scripts.js"></script>
</body>
</html>
